<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>项目圈-首页</title>
		<link rel="stylesheet" type="text/css" href="css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style>
			
		</style>
	</head>
	<body>
		<div class="index">
			<!--模块头部 start-->
			<div class="indexHead">
				<div class="loginHeadContent">
					<div class="fl">
						<a href="javascript:void(0);"><img src="img/indexLogo.png" class="houseLogo"/></a>
					</div>
					<div class="fr">
						<div class="aGroup">
							<a class="loginMenu" href="javascript:void(0);">项目圈</a>
							<a class="loginMenu" href="javascript:void(0);">材料数据库</a>
							<a class="loginMenu" href="javascript:void(0);">计算工具</a>
							<div class="clear"></div>
						</div>
						<div class="btnGroup">
							<a class="btn" href="javascript:void(0);">注册</a>
							<a class="btn" href="javascript:void(0);">登录</a>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--模块尾部 end-->
			
			<!--banner头部 start-->
			<div class="banner">
				<div class="bannerContent">
					<div class="bannerText">
						<div class="bannerTitle">室内空气质量预评价平台</div>
						<div class="bannerLittleTitle">
							<p>不仅是工具，</p>
							<p>更是室内全新工作方式 </p>
						</div>
						<div class="bannerDec">
							<p>我们提供可靠的预测工具，革命性以居住健康为主线，</p>
							<p>改变传统设计思维，材料采购方式和施工管理目标，</p>
							<p>为营造高品质的室内环境把好工程每一道关口</p>
						</div>
					</div>
					<div class="bannerLogo">
						<img src="img/banner02.png"/>
					</div>
					<div class="clear"></div>
				</div>
				<!--<div id="canvas-cont">
				  	<canvas class="waterwave-canvas"style="height: 390px !important;width: 100% !important;"></canvas>
				</div>-->
				<img src="img/indexWave.png" class="bannerAnimation"/>
			</div>
			<!--banner尾部 end-->
			
			<!--step1 start-->
			<div class="step1">
				<div class="step1Content">
					<div class="step1Left">
						<img src="img/step1Left.png" class="wid100"/>
					</div>
					<div class="step1Right">
						<div class="step1Title">创建项目</div>
						<div class="step1Dec">
							<p>由建设方建立项目档案，制定控制目标，</p>
							<p>组建项目协作团队，明确设计、采购、施工各方职责</p>
						</div>
					</div>
				</div>
			</div>
			<!--step1 end-->
			
			<!--step2 start-->
			<div class="step2">
				<div class="step2Content">
					<div class="step2Left">
						<div class="step1Title">方案设计</div>
						<div class="step1Dec">
							<p>由设计方开展装修工程污染控制设计专项，建立方案模型，</p>
							<p>分析污染负荷，对比设计方案，优化装修材料配置</p>
						</div>
					</div>
					<div class="step2Right">
						<img src="img/step2Left.png" class="wid100"/>
					</div>
				</div>
			</div>
			<!--step2 end-->
			
			<!--step3 start-->
			<div class="step1">
				<div class="step1Content">
					<div class="step1Left">
						<img src="img/step3Left.png" class="wid100"/>
					</div>
					<div class="step3Right">
						<div class="step1Title">材料采购</div>
						<div class="step1Dec">
							<p>系统读取设计控制要求，材料库自动筛选适宜材料，</p>
							<p>采购方甄选确定品牌规格</p>
						</div>
					</div>
				</div>
			</div>
			<!--step3 end-->
			
			<!--step4 start-->
			<div class="step2">
				<div class="step2Content">
					<div class="step4Left">
						<div class="step1Title">施工抽检</div>
						<div class="step1Dec">
							<p>匹配标准规定生成抽检清单，更新进场材料环保性能，</p>
							<p>项目污染风险实时管控</p>
						</div>
					</div>
					<div class="step2Right">
						<img src="img/step4Left.png" class="wid100"/>
					</div>
				</div>
			</div>
			<!--step4 end-->
			
			<!--step5 start-->
			<div class="step1">
				<div class="step1Content" style="border-bottom: 1px solid #d9d9d9;">
					<div class="step1Left">
						<img src="img/step5Left.png" class="wid100"/>
					</div>
					<div class="step5Right">
						<div class="step1Title">竣工验收</div>
						<div class="step1Dec">
							<p>选择空气质量验收方法，提示检测管理要求，</p>
							<p>一键生成竣工验收报告</p>
						</div>
					</div>
				</div>
			</div>
			<!--step5 end-->
			
			<!--footer start-->
			<div class="footer">
				<div class="footerContent">
					<div class="footerLeft">Copyright © 2008 - 2017 深圳市建筑科学研究院 All Rights Reserved</div>
					<div class="footerRight">
						<a class="" href="javascript:void(0);">常见问题</a>
						<a class="" href="javascript:void(0);">联系我们</a>
						<a class="" href="javascript:void(0);">关于我们</a>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--footer end-->
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--<script type="text/javascript" src="js/jquery.waterwave.js"></script>
	<script type="text/javascript">
		$(function(){
		    var box = $(".waterwave-canvas").waterwave({
		        direction: 'up',
		       	background: 'img/indexWave.png',
		    });
		});
	</script>-->
</html>
